<template>
    <div class="sonflavor">
        <div class="box">
            <img :src="imgPopular" alt="">
        </div>
       
    </div>
</template>

<script>
export default {
    
    props:["imgPopular"],
    components:{
    }
    
}
</script>

<style scoped>
    .sonflavor{
        width: 33.3%;
        height: 33.3%;
        margin: 0 auto;
        font-size: 0.12rem;
    }
    .box{
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    img{
        width:1rem;
        height: 1rem;
    }
    span{
        position: absolute;
        top: 2%;
        right: 2%;
        writing-mode: tb-rl;
    }
</style>